<template>
  
<el-form :model="ruleForm" ref="ruleForm" class="demo-ruleForm">
                <el-form-item label="用户名" prop="name">
                    <el-input v-model="ruleForm.name"></el-input>
                </el-form-item>
                <!-- <el-form-item label="用户类型" prop="type">
                    <el-select v-model="ruleForm.type" placeholder="请选择专利类型" style="width:500px;">
                        <el-option label="一级管理员" value="1"></el-option>
                        <el-option label="二级管理员" value="2"></el-option>
                        <el-option label="三级管理员" value="3"></el-option>
                        <el-option label="普通用户" value="4"></el-option>
                    </el-select>
                </el-form-item>
                <el-form-item label="出生日期" prop="date">
                    <el-input v-model="ruleForm.date"></el-input>
                </el-form-item>
                <el-form-item label="备注" prop="intro">
                    <el-input type="textarea" v-model="ruleForm.intro" :rows="10"></el-input>
                </el-form-item> -->
                <el-form-item>
                    <el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
                </el-form-item>
                  <el-button @click="visible = true">按钮</el-button>

  </el-form>

</template>

<script>

export default {
  name: 'HelloWorld',
  data() {
      return {
        ruleForm: {
              name: '',
              // type: '',
              // date: '',
              // intro: '',
          }
      }
  },

  methods:{
          async submitForm(formName) {
            console.log(999,this.ruleForm)
            console.log(10,this.$refs)
            return;
            
              
			    
            
        }

  }
} 

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

